$(function() {
	
	//获取品牌
	// commodityBrand();
	wordLimit()
})
var page = 1 ; //当前页
var size = 9 ; //当前页数据几条

var searchUrl = window.location.href;

//获取url中ID的值
function getParamByName(name, url) {
	var match = RegExp('[?&]' + name + '=([^&]*)').exec(url);
	return match && decodeURIComponent(match[1].replace(/\+/g, ' ').replace('#', ''));
}
var trademark_id = getParamByName("brand_id", searchUrl);
var product_id = getParamByName("id", window.location);
// console.log(trademark_id)
// console.log(product_id)

// //获取品牌
// function commodityBrand(){
// 	$.ajax({
// 		type: 'GET',
// 		url: urlBox+ '/api/commodityBrand/',
// 		dataType: 'json',
// 		success: function(data){
// 			var case_list = data.brand_list;
// 			// console.log(case_list)
// 			for (var i = 0; i<case_list.length; i++) {
// 				var divs = $(
// 					'<li onclick="selectTrademark(this,'+case_list[i].id+')" id="'+case_list[i].id+'">'+case_list[i].brand_name+'</li>'
// 				)
// 				$('.trademarkList').append(divs)
// 				$('.trademarkListYD').append(divs)
// 			}
			
// 			if(product_id == null){
// 				$('.trademarkList li').eq(0).addClass('pitch')
// 				$('.trademarkListYD li').eq(0).addClass('pitch')
// 				commodityCategory(case_list[0].id)
// 			}else{
// 				$(".trademarkList li").each(function(id){
// 					if(trademark_id == this.id){
// 						$(this).addClass('pitch')
// 						commodityCategory(this.id)
// 					}
// 				})
// 				$(".trademarkListYD li").each(function(id){
// 					if(trademark_id == this.id){
// 						$(this).addClass('pitch')
// 						commodityCategory(this.id)
// 					}
// 				})
// 			}
			
			
			
// 		}
// 	})
// }

// 产品分类
function commodityCategory(id){
	$.ajax({
		type: 'POST',
		url: urlBox+ '/api/commodityCategory/',
		data: {
			brand_id: id
		},
		dataType: 'json',
		success: function(data){
			var case_list = data.category_list;
			// console.log(case_list)
			$(".productList").empty()
			$(".productListYD").empty()
			for (var i = 0; i<case_list.length; i++) {
				var divs = $(
					'<li onclick="selectProduct(this,'+ id+','+case_list[i].id+')" id="'+case_list[i].id+'">'+case_list[i].category_name+'</li>'
				)
				$('.productList').append(divs)
				$('.productListYD').append(divs)
			}
			
			if(product_id == null || product_id != id){
				$('.productList li').eq(0).addClass('pitch')
				$('.productListYD li').eq(0).addClass('pitch')
				
				if (case_list.length == undefined){
					$(".styleList").empty()
					$(".styleListYD").empty()
					commodityInfo(id,0,0,page,size)
					
				}else{
					commodityStyle(id,case_list[0].id)
				}
			}else{
				$(".productList li").each(function(id){
					if(product_id == this.id){
						$(this).addClass('pitch')
						if (case_list.length == undefined){
							$(".styleList").empty()
							$(".styleListYD").empty()
							commodityInfo(id,0,0,page,size)
							
						}else{
							commodityStyle(id,this.id)
						}
					}					
				})
				
				$(".productListYD li").each(function(id){
					if(product_id == this.id){
						$(this).addClass('pitch')
						if (case_list.length == undefined){
							$(".styleList").empty()
							$(".styleListYD").empty()
							commodityInfo(id,0,0,page,size)
							
						}else{
							commodityStyle(id,this.id)
						}
					}
					
					
				})
			}
			
			// console.log(case_list.length)
			
			
		}
		
	})
}
//产品风格
function commodityStyle(id,category_id){
	$.ajax({
		type: 'POST',
		url: urlBox+ '/api/commodityStyle/',
		data: {
			// brand_id: id,
			category_id: category_id
		},
		dataType: 'json',
		success: function(data){
			var case_list = data.style_list;
			// console.log(case_list)
			$(".styleList").empty()
			$(".styleListYD").empty()
			
			var li = $(
				'<li onclick="selectStyle(this,'+ id +','+ category_id +',0)">全部</li>'
			)
			$('.styleList').append(li)
			$('.styleListYD').append(li)
			for (var i = 0; i<case_list.length; i++) {
				var divs = $(
					'<li onclick="selectStyle(this,'+ id +','+ category_id +','+case_list[i].id+')">'+case_list[i].style_name+'</li>'
				)
				$('.styleList').append(divs)
				$('.styleListYD').append(divs)
			}
			$('.styleList li').eq(0).addClass('pitch')
			$('.styleListYD li').eq(0).addClass('pitch')
			// console.log(case_list.length)
			//产品信息
			if(product_id == null || product_id != category_id){
				commodityInfo(id,category_id,0,page,size)
			}else{
				commodityInfo(trademark_id,product_id,0,page,size)
			}
			// if (case_list.length == undefined){
			// 	$(".styleList").empty()
			// 	commodityInfo(id,category_id,0,page,size)
			// }else{
			// 	commodityInfo(id,category_id,0,page,size)
			// }
			
		}
	})
}
//产品信息
function commodityInfo(id,category_id,style_id,page,size){
	$.ajax({
		type: 'POST',
		url: urlBox+ '/api/commodityInfo/',
		data: {
			brand_id: id,
			category_id: category_id,
			style_id: style_id,
			page: page,
			size: size
		},
		dataType: 'json',
		success: function(data){
			var case_list = data.commodity_list;
			// console.log(case_list)
			$(".caseListBox .caseList").empty()
			if (case_list != undefined){
				for (var i = 0; i<case_list.length; i++) {
					var divs = $(
						'<li>'+
							'<a href="case_particulars.html?details_img_left_url='+case_list[i].details_img_left_url+'&details_img_right_url='+case_list[i].details_img_right_url+'">'+
								// '<img src="img/pc/zhanshi/anli_tu1.png" alt="">'+
								// '<img src="img/yd/zhanshi/anli_tu1.png" alt="" class="visible-xs-block">'+
								'<img src="'+urlBox+case_list[i].banner_img_url+'" alt="" >'+
						
								'<div>'+
									'<div>'+case_list[i].commodity_name+'</div>'+
									'<div class="hidden-xs">'+case_list[i].commodity_code+'</div>'+
									'<div class="visible-xs-block title">编号：'+case_list[i].commodity_code+'</div>'+
								'</div>'+
							'</a>'+
						'</li>'
					)
					$('.caseListBox .caseList').append(divs)
				}
				num_pagesBox(id,category_id,style_id,page,size,data.num_pages)
				$("#page").fadeIn()
			}else{
				$("#page").fadeOut()
			}
			
			
		}
	})
}
 
// 品牌选择
var wordLimit = function() {
	$('.choose ul').each(function() {
		var copyThis = $(this.cloneNode(true)).hide().css({
			'position': 'absolute',
			'width': 'auto',
			'overflow': 'visible'
		});
		$(this).after(copyThis);
		// if (copyThis.width() > $(this).width()) {
			// var All = true
			// $('.xzAll').click(function(){
			// 	if(All == true){
			// 		$(this).siblings(".choose ul").css('white-space','normal')
			// 		All = false
			// 	}else{
			// 		$(this).siblings(".choose ul").css('white-space','nowrap')
			// 		All = true
			// 	}
			// })
		// } else {
			// $(this).siblings(".xzAll").remove()
		// }
	});
}

//分页

// function num_pagesBox(id,num_pages,page,size){
function num_pagesBox(id,category_id,style_id,page,size,num_pages){
	$("#page").paging({
		pageNum: page, // 当前页面
		totalNum: num_pages, // 总页码
		callback: function (num) { //回调函数
			$(".caseListBox .caseList").empty()
			commodityInfo(id,category_id,style_id,num,size)
			$("#page").fadeIn()
		}
	});
}





// $('.choose ul li').click(function(){
// 	$(this).siblings().removeClass('pitch');
// 	$(this).addClass('pitch');

// 	$('.showSelect>div').removeClass('showBox')
	
// 	$('.showSelect>div .not').removeClass('then')
// 	$('.showSelect>div .not').next().addClass('then')
	
// 	$('.showUl>div').css('display','none')
// })
//品牌
function selectTrademark(tihs ,id) {
	$(tihs).siblings().removeClass('pitch');
	$(tihs).addClass('pitch');
	//产品
	commodityCategory(id)
	$('.showSelect>div').removeClass('showBox')
	
	$('.showSelect>div .not').removeClass('then')
	$('.showSelect>div .not').next().addClass('then')
	
	$('.showUl>div').css('display','none')
}
//产品
function selectProduct(tihs ,id,category_id) {
	// console.log(tihs,category_id)
	$(tihs).siblings().removeClass('pitch');
	$(tihs).addClass('pitch');
	//产品风格
	commodityStyle(id,category_id)
	//产品信息
	// commodityInfo(id,category_id,0,page,size)
	$('.showSelect>div').removeClass('showBox')
	
	$('.showSelect>div .not').removeClass('then')
	$('.showSelect>div .not').next().addClass('then')
	
	$('.showUl>div').css('display','none')
}
//风格
function selectStyle(tihs ,id,category_id,style_id) {
	// console.log(tihs ,id,category_id,style_id)
	$(tihs).siblings().removeClass('pitch');
	$(tihs).addClass('pitch');
	//产品信息
	commodityInfo(id,category_id,style_id,page,size)
	
	$('.showSelect>div').removeClass('showBox')
	
	$('.showSelect>div .not').removeClass('then')
	$('.showSelect>div .not').next().addClass('then')
	
	$('.showUl>div').css('display','none')
}

//品牌选择
var all = true
$('.showSelect>div').click(function(){
	if(all == true){
		if($(this).hasClass('showBox')){
			$('.showSelect>div').removeClass('showBox')
			
			$('.showSelect>div .not').removeClass('then')
			$('.showSelect>div .not').next().addClass('then')
			
			
			$('.showUl>div').css('display','none')
		}else{
			$('.showSelect>div').removeClass('showBox')
			$(this).addClass('showBox')
			
			$('.showSelect>div .not').removeClass('then')
			$('.showSelect>div .not').next().addClass('then')
			
			$(this).children("img:first").addClass('then')
			$(this).children("img:first").next().removeClass('then')
		}
		
		
		
		$('.showUl>div').css('display','none')
		$('.showUl>div').eq($(this).index()).css('display','block')
		
		all = false
	}else{
		if($(this).hasClass('showBox')){
			// console.log($(this).hasClass('showBox'))
			$('.showSelect>div').removeClass('showBox')
			
			$(this).children('img').addClass('then')
			$(this).children("img:first").removeClass('then')
			
			$('.showUl>div').css('display','none')
		}else{
			// console.log($(this).hasClass('showBox'))
			$('.showSelect>div').removeClass('showBox')
			$(this).addClass('showBox')
			
			$('.showSelect>div .not').removeClass('then')
			$('.showSelect>div .not').next().addClass('then')
			
			$(this).children("img:first").addClass('then')
			$(this).children("img:first").next().removeClass('then')
			
			$('.showUl>div').css('display','none')
			$('.showUl>div').eq($(this).index()).css('display','block')
		}
		all = true
	}
})

